De acuerdo con los documentos de JQuery , la sintaxis "recomendada" para ejecutar código cuando los objetos DOM se vuelven seguros para manipular (también conocido como "listo") es esta sintaxis:
$(function() { // Handler for .ready() called. }); La documentación de JQuery no menciona qué hace JQuery con el valor devuelto, si lo hay, proporcionado por la función. Lo que me lleva a mi pregunta: quiero await una promesa en mi función. ¿Hay alguna razón por la que no pueda decorar la función con la palabra clave async requerida, como esta:
$(async function() { await someFuncThatReturnsAPromise(); }); Según el excelente tutorial de JavaScript.info sobre el tema , la palabra clave await hace que la función devuelva un objeto de promise resuelto. Si a JQuery no le importa el resultado de la función, entonces el hecho de que la función devuelva un objeto de promise no debería (con suerte) tener ningún efecto en el comportamiento subyacente de JQuery de "llamar a los controladores listos para la página".
Realmente no hace nada con el valor devuelto, incluso si es una Promesa y, por esa razón, es un problema, porque si la Promesa se rechaza, obtendrá un rechazo no controlado:
$(async function() { await Promise.reject(); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> (Específicamente, lo que sucede con la devolución de llamada es que se agrega como un controlador .then a la readyList interna, y aunque hay un .catch encadenado, simplemente volverá a generar el valor devuelto).
var readyList = jQuery.Deferred(); jQuery.fn.ready = function (fn) { readyList .then(fn) // Wrap jQuery.readyException in a function so that the lookup // happens at the time of error handling instead of callback // registration. .catch(function (error) { jQuery.readyException(error); }); return this; };Si la función asíncrona nunca rechaza, entonces
$(async function() { await someFuncThatReturnsAPromise(); });está bien